<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<style>
  [v-cloak]{
    display: none;
  }
</style>
<body>
<!--避免出现Vue来不及渲染页面而导致页面中显示Vue源码的问题-->
<!--在vue解析之前，div有一个属性v-cloak-->
<!--在vue解析之后，div没有一个属性v-cloak-->
<div id="app" v-cloak>
  <h2>{{message}}</h2>
</div>
<script src="../js/vue.js"></script>
<script>
  setTimeout(function () {
    const vm=new Vue({
      el:'#app',
      data:{
        message:'你好啊'
      }
    })
  },1000)
</script>

</body>
</html>